<!DOCTYPE html>
<html>
		<head>
		<title>三国风云人物</title>
		<meta charset="UTF-8" />
		<meta http-equiv="Window-target" content="_top" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta name="description" content="三国风云人物" />
		<meta name="keywords" content="三国, 风云人物, 曹操, 刘备, 孙权, 五虎上将, 五子良将, 东吴四英杰" />
		<meta name="author" content="Fechter" />
		<link rel="stylesheet" type="text/css" href="css/demo.css" />
		<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function(){
				$(".c1").click(function(){
					$(".details").hide();
					$("#details1").show();
				});
				$(".c2").click(function(){
					$(".details").hide();
					$("#details2").show();
				});
				$(".c3").click(function(){
					$(".details").hide();
					$("#details3").show();
				});
				$(".c4").click(function(){
					$(".details").hide();
					$("#details4").show();
				});
				$(".c5").click(function(){
					$(".details").hide();
					$("#details5").show();
				});
				$(".c6").click(function(){
					$(".details").hide();
					$("#details6").show();
				});
				$(".c7").click(function(){
					$(".details").hide();
					$("#details7").show();
				});
				$(".c8").click(function(){
					$(".details").hide();
					$("#details8").show();
				});
				$(".c9").click(function(){
					$(".details").hide();
					$("#details9").show();
				});
				$(".c10").click(function(){
					$(".details").hide();
					$("#details10").show();
				});
			});
		</script>
		</head>
		
		<body>
        <div class="container">
			<div class="header"> 
			   <a href="#"><strong>首页</strong></a> 
			   <span> 
			   <a href="#" target="_blank">魏</a> 
			   <a href="#" target="_blank">蜀</a> 
			   <a href="#" target="_blank">吴</a> 
			   </span>
          	</div>
          
          <h1>三国 <span>风云人物</span></h1>
          <div class="min">
			<div>滚滚长江东逝水</div><div>浪花淘尽英雄</div><div>是非成败转头空</div><div>青山依旧在</div><div>几度夕阳红</div>
          	<div>白发渔樵江渚上</div><div>惯看长风秋月</div><div>一壶浊酒喜相逢</div><div>古今多少事</div><div>都付笑谈中</div>
          </div>
          <div class="content">
            <div class="legends" id="wei"> <a href="http://baike.baidu.com/link?url=1CHQxg9GPYrm6xw4_dDf2Wfyw9ghVSPjyk893bK9CT2PXpilAxbro6ARz1h-EW3W6x2Ed_Ms1RPbt_CqhsWHAY8efMZPJdlWG8CddSSyFYe"><img class="cao" src="images/曹操.jpg" alt="曹操" /></a>
              <p>魏</p>
            </div>
            <div class="legends" id="shu"> <a href="http://baike.baidu.com/link?url=3XlB1CbY0SPNx78mjf4ZtK_l9JsBPGgtLmg8fOmJA2tlVhrkFYrzgFMLArRBFFvjZjuNhmcmcOEfDa8HFkRjqtoQ5_z7b6LDkmpUOeAjUOW"><img class="liu" src="images/刘备.jpg" alt="刘备" /></a>
              <p>蜀</p>
            </div>
            <div class="legends" id="wu"> <a href="http://baike.baidu.com/link?url=afDa7cMTSh3-fjs15rgCsaNB2X38S6-e97rSURPozjJNAtbuEa0r2rGdu77QyHXvCdj1y7N1GsVgVfMTRAN1mdLqsq8KapRC5RBwk1fReny"><img class="sun" src="images/孙权.jpg" alt="孙权" /></a>
              <p>吴</p>
            </div>
          </div>
          
          <div class="more">
            <ul>
              <li>汉末群雄:</li>
              <li><a class="c1">董卓</a></li>
              <li><a class="c2">吕布</a></li>
              <li><a class="c3">袁绍</a></li>
              <li><a class="c4">公孙瓒</a></li>
              <li><a class="c5">刘表</a></li>
              <li><a class="c6">刘焉</a></li>
              <li><a class="c7">刘虞</a></li>
              <li><a class="c8">陶谦</a></li>
              <li><a class="c9">马腾</a></li>
              <li><a class="c10">张鲁</a></li>
            </ul>
            <div>
              <div id="details0" class="details"> <a>东汉末年，阎氏、梁氏、何氏等太后皆无邓太后的政治才能与贤淑品德，她们或私欲过重，或优柔寡断，使得外戚势力与宦官横行朝堂，朝政日益衰败。汉灵帝即位后，沉迷于酒色，重用宦官，终于在中平元年爆发了震惊朝野的黄巾之乱。在讨伐黄巾军过程中，地方豪强崛起，趁机割据一方，于是形成汉末诸侯割据之势。</a> </div>
              <div id="details1" class="details"> <a>董卓，字仲颖，陇西临洮（今甘肃省岷县）人，生于颍川。东汉末年献帝时权臣，官至太师，封郿侯。<br/>
                董卓成长于凉州，好结交羌人。后随张奂平羌乱，又先后参与镇压黄巾起义、凉州之乱等战役，颇著威名。中平六年（189年），受大将军何进、司隶校尉袁绍所召，率军进京讨伐十常侍，却借何进被杀之机，得以掌握朝政。他随后废除汉少帝，改立献帝，引发不满。次年，袁绍联合关东各地刺史、太守起兵讨伐董卓。初平二年（191年），董卓被孙坚击败，退守长安。<br/>
                初平三年（192年），董卓为其亲信吕布所杀。</a> </div>
              <div id="details2" class="details"> <a>吕布，字奉先，五原郡九原县人，愿为丁原部将，被唆使杀害丁原归附董卓，与董卓誓为父子，后又被司徒王允唆使诛杀董卓。旋即被董卓旧部李傕等击败，依附袁绍，又被袁绍猜忌，依附张杨。<br/>
                兴平元年（194年），吕布趁曹操攻打陶谦时与陈宫等叛乱，占据濮阳，但是两年间被曹操击败转而去依附徐州刘备，又趁刘备与袁术作战时袭取了徐州，与刘备和好一阵又相互攻伐一阵。期间以辕门射戟化解刘备与纪灵的争斗。建安三年（198年），吕布先后击败刘备与夏侯惇后，曹操亲自出马征讨吕布，水淹下邳，吕布被部下叛变，城破被俘，被处死。<br/>
                历史上吕布以勇武闻名，号称“飞将”，时有“人中吕布，马中赤兔”之说。《三国演义》及民间其他艺术形象，吕布多被塑造成三国第一猛将。</a> </div>
              <div id="details3" class="details"><a>袁绍，字本初，汝南汝阳（今河南省周口市商水县袁老乡袁老村）人。东汉末年军阀，汉末群雄之一。<br/>
				袁绍出身东汉名门”汝南袁氏“，自袁绍曾祖父起，袁氏四代有五人位居三公，他自己也居三公之上，其家族也因此有“四世三公”之称。袁绍早年任中军校尉、司隶校尉，曾指挥诛杀宦官。初平元年（190年），与董卓对立，被推举为关东联军首领。<br/>
				在汉末群雄割据的过程中，袁绍先占据冀州，又先后夺青、并二州，并于建安四年（199年）的易京之战中击败了割据幽州的军阀公孙瓒，统一河北，势力达到顶点。但在建安五年（200年）的官渡之战中大败于曹操。建安七年（202年），袁绍在平定冀州叛乱之后病逝。</a></div>
              <div id="details4" class="details"><a>公孙瓒，字伯珪，辽西令支（今河北迁安）人，东汉末年武将、军阀，汉末群雄之一。<br/>
				公孙瓒出身贵族。因母地位卑贱，只当了郡中小吏。因其相貌俊美，且声音洪亮、机智善辩，得到涿郡太守赏识，将女儿许配给他。后逐步做到中郎将，以强硬的态度对抗北方游牧民族，作战勇猛，威震边疆。<br/>
				公孙瓒好战，与主张以怀柔政策对待胡人的上司刘虞不和，二人矛盾逐渐激化。初平四年（193年），公孙瓒击杀刘虞，并挟持朝廷使者，得到了总督北方四州的授权，成为北方最强大的诸侯之一。他与袁绍多次相争，初期占据优势，但在龙凑之战后，公孙瓒锐气顿减，采取自保战略，逐渐失去了部下信任，被袁绍击败。最终困于高楼，引火自焚。</a></div>
              <div id="details5" class="details"><a>刘表，字景升，山阳郡高平（今山东微山）人。东汉末年宗室、名士，汉末群雄之一，西汉鲁恭王刘余之后。<br/>
				刘表身长八尺余，姿貌温厚伟壮，少时知名于世，名列“八俊”。早年为大将军何进辟为掾，出任北军中候。后代王睿为荆州刺史，用蒯氏兄弟、蔡瑁等人为辅。李傕等入长安，刘表遣使奉贡。李傕任命刘表为镇南将军、荆州牧，封成武侯，假节，以为己援。<br/>
				在荆州期间，刘表恩威并著，招诱有方，使得万里肃清、群民悦服。又开经立学，爱民养士，从容自保。远交袁绍，近结张绣，内纳刘备，据地数千里，带甲十余万，称雄荆江，先杀孙坚，后又常抗曹操。然而刘表为人性多疑忌，好于坐谈，立意自守，而无四方之志，后更宠溺后妻蔡氏，使妻族蔡瑁等得权。建安十三年（208年），刘表病逝。蔡瑁等人废长立幼，奉表次子刘琮为主；曹操南征，刘琮举州投降，荆州遂没。</a></div>
              <div id="details6" class="details"><a>刘焉，字君郎（《华阳国志》又作君朗）。江夏竟陵（今湖北天门）人。西汉鲁恭王刘馀（汉景帝第五子）后裔，汉末群雄之一。以汉朝宗室身份，拜为中郎，历任雒阳令﹑冀州刺史﹑南阳太守﹑宗正﹑太常等官。后因益州刺史郄俭在益州大事聚敛，贪婪成风，加上当时天下大乱，刘焉欲取得一安身立命之所，割据一方。于是刘焉向朝廷求为益州牧，封阳城侯，前往益州整饬吏治。郄俭为黄巾贼所杀，刘焉进入益州，派张鲁盘踞汉中，张鲁截断交通，斩杀汉使，从此益州与中央道路不通。刘焉进一步对内打击地方豪强，巩固自身势力，益州因而处于半独立的状态。后因背疮迸发而卒，其子刘璋继领益州牧。</a></div>
              <div id="details7" class="details"><a>刘虞，字伯安。东海郯（今山东郯城）人。东汉末年著名政治家，汉室宗亲，汉光武帝刘秀之子东海恭王刘强之后。<br/>
				曾任幽州刺史、甘陵国相、宗正等职，在地方政绩卓著，颇有名望。中平五年（188年），刘虞出任幽州牧。累加至大司马，封襄贲侯。<br/>
				他镇守幽州时为政宽仁，安抚百姓，深得人心。主张以怀柔政策对待当地的游牧民族，但由于与公孙瓒意见不合而产生矛盾，因而进兵攻击公孙瓒，兵败为其所执，惨遭杀害。</a></div>
              <div id="details8" class="details"><a>陶谦（132年－194年），字恭祖。丹阳郡（治今安徽宣城）人。汉末群雄之一。最初为诸生，在州郡任职，被举茂才，历任舒、卢二县令、幽州刺史、议郎，性格刚直，有大志。后随左车骑将军皇甫嵩对抗北宫伯玉，任扬武校尉，之后又随张温征韩遂、边章。<br/>
				中平五年（188年），徐州黄巾起，陶谦被朝廷任为徐州刺史，击破徐州黄巾，并推行屯田，恢复生产。尔后听从王朗、赵昱建议遣使进京朝贡，获拜安东将军、徐州牧，封溧阳侯。晚年因战事上为曹操大败，徐州大半几乎遭兵祸所害，以致过度忧劳而逝，终年六十三岁。</a></div>
              <div id="details9" class="details"><a>马腾，字寿成。扶风茂陵（今陕西兴平）人，东汉末年割据凉州一带的军阀，伏波将军马援的后代，马超、马休、马铁之父。<br/>
				马腾身长八尺馀，身体洪大，面鼻雄异，性格贤良忠厚，受众人尊敬。汉灵帝末年，被州郡署为军从事，掌领部众。累迁至偏将军。凉州刺史耿鄙为叛军所杀后，马腾与边章、韩遂等在凉州共同起事。<br/>
				初平三年（192年），与韩遂共同率众前往长安，被任命为征西将军。兴平元年（194年），马腾企图连结种邵等诛杀权臣李傕、郭汜，但为其所败，只得回到凉州。不久被赦免，拜安狄将军。其后与韩遂结为异姓兄弟。建安七年（202年），转为征南将军，开府。后与韩遂不和，互相攻击。建安十三年（208年），被徵为前将军，假节，封槐里侯，屯槐里。<br/>
				之后，马腾听从张既的建议，入朝担任卫尉。建安十六年（211年），其子马超起兵抗拒曹操。次年，马腾与其二子皆为曹操所杀，夷灭三族。</a></div>
              <div id="details10" class="details"><a>张鲁，字公祺（《后汉书》作公旗）。祖籍沛国丰县（今江苏丰县）。东汉末年割据汉中一带的军阀，据传是西汉留侯张良的十世孙、天师道（五斗米道）教祖张陵之孙。张鲁为五斗米道的第三代天师（称系师），在杀张修后继续在汉中一带传播五斗米道，并自称“师君”。雄据汉中近三十年，后投降曹操，官拜镇南将军，封阆中侯，食邑万户。张鲁去世后谥号为“原”，葬于邺城东。<br/>
				元武宗至大元年（1308年），追封张鲁为“正一系师太清昭化广德真君”。有观点认为张鲁是《老子想尔注》的作者。</a></div>
            </div>
          </div>
        </div>
        <div class="footer">
        	<div>Make By Fechter</div>
        </div>
</body>
</html>